<template>
    <!-- 这个模板部分是可选的，它不会被渲染到页面上 -->
  </template>
  
  <script>
  import { h } from 'vue';  // 引入 h 函数来创建 VNode
  
  export default {
    setup() {
      // 定义一个自定义渲染函数
      const renderContent = () => {
        return h('div', [
          h('h1', 'Custom Rendered Content'),
          h('p', 'This content is rendered using a render function in setup()'),
          h('button', { onClick: () => alert('Button clicked!') }, 'Click Me')
        ]);
      };
  
      // 返回渲染函数作为自定义渲染的内容
      return {
        renderContent
      };
    },
  
    // 自定义渲染函数
    render() {
      // 调用 setup() 中返回的渲染函数
      return this.renderContent();
    }
  };
  </script>
  
  <style scoped>
  /* Your styles here */
  </style>